﻿table.imagepicker-popup
{
	background: white;
	border:solid 2px white;
}
/*The header portion of the modal popup, includes the caption and the close button*/
tr.imagepicker-popupheader
{
	background:#928f8f;
}
tr.imagepicker-popupheader td a
{
	margin-right:5px;
	float:right;
}
/*Only the caption portion of the modal popup*/
td.imagepicker-popupheadercaption
{
	color: #000;
	font-family: Calibri, Helvetica, Arial;
	font-size: 16px;
	height: 35px;
	padding-left: 5px;
	font-weight:bold;
}
/*holds the popup content*/
tr.imagepicker-popupbody
{
	font-size: Medium;
}

ul.imagepicker
{
	list-style-type: None;
	float: left;
	height: 14px;
	width: 14px;
	margin: 0px;
	padding: 0px;
}
/*Following styles are used directly by the templates holding the markup for the imagepicker control;
note the abscence of a unique classname identifier*/

/*This is the div holding the treeview in the image browser*/
div.imagepicker-imagebrowser-explorer
{
	overflow: auto;
	width: 100%;
	height: 150px;
}
/*The preview pane for the image browser is a cell*/
td.imagepicker-imagebrowser-preview
{
	height: 150px;
	width: 150px;
}
/*Holds a little caption displayed right over the preview image*/
td.imagepicker-imagebrowser-preview div
{
	text-align: center;
}
td.imagepicker-imagebrowser-preview img
{
	border: 3px double #000;
}